/**
 * 主样式文件
 * 使用现代的 Sass 模块系统
 * 按照依赖关系顺序导入
 */

// 1. 变量必须先导入，因为其他模块依赖它
@use './variables.scss' as variables;

// 2. 混合器和函数
@use './mixins.scss' as mixins;

// 3. 全局基础样式
@use './global.scss' as global;

// 4. 主题相关
@use './themes.scss' as themes;

// 5. 工具类
@use './utilities.scss' as utilities;

// 6. 按钮统一样式
@use './buttons.scss' as buttons;

// 7. 代码示例标签样式
@use './code-tabs.scss' as code-tabs;

// 老年模式
.ChatApp[data-elder-mode="true"] {
  font-size: 16px;

  .Bubble {
    font-size: 16px;
  }

  .Composer-input {
    font-size: 16px;
  }

  .QuickReply {
    font-size: 16px;
    height: 36px;
    line-height: 34px;
    border-radius: 18px;
  }
}
